<script setup lang="ts">
const props = defineProps<{
  modelValue: number
  abc: number
}>()
const emits = defineEmits<{
  (e: 'update:modelValue', x: number): void
  (e: 'update:abc', x: number): void
}>()
const btnClick = () => {
  emits('update:modelValue', props.modelValue - 1)
}
const setAbc = () => {
  emits('update:abc', Date.now())
}
</script>

<template>
  <div class="son-page">
    <h5>{{ modelValue }}</h5>
    <button @click="btnClick">点击修改modelValue</button>
    <hr />
    <h5>{{ abc }}</h5>
    <button @click="setAbc">修改abc</button>
  </div>
</template>

<style lang="scss" scoped>
.son-page {
  width: 100px;
  height: 100px;
  border: 5px solid red;
}
</style>
